import Vue from 'vue'
import App from './App.vue'
import router from '@/router/index.js'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import {instance as $http} from '@/api/request.js'
import $store from '@/store/index.js'
import Viewer from 'v-viewer'

// import 'viewerjs/dist/viewer.css'


Vue.config.productionTip = false
Vue.use(Viewer, {

  defaultOptions: {
    zIndex: 9999, // 层级
    inline: false, // 启用 inline 模式
    button: true, // 显示右上角关闭按钮
    navbar: true, // 显示缩略图导航
    title: false, // 显示当前图片标题
    toolbar: false, // 工具栏
    tooltip: true, // 显示缩放百分比
    movable: true, // 图片是否可以移动
    zoomable: true, // 图片是否可以缩放
    rotatable: false, // 图片是否可旋转
    scalable: false, // 图片是否可翻转
    transition: true, // css3过度
    fullscreen: true, // 播放时是否全屏
    keyboard: false, // 是否支持键盘
    loop: false, // 图片是否循环播放


  }

})
Vue.use(ElementUI)

Vue.prototype.$http = $http
Vue.prototype.$store = $store

new Vue({
  render: h => h(App),
  router,
  $store,
  $http
}).$mount('#app')
